const container = document.querySelector('#container');
const score = document.querySelector('#score span');
const kill = document.querySelector('#kill span');
const blood = document.querySelector('#blood span');

const arrow_shot = document.querySelector('#shot');
const zhuxuanlv = document.querySelector('#zhuxuanlv')

const computedStyle = getComputedStyle(container);
const MAX_HEIGHT = parseInt(computedStyle.height);
const MAX_WIDTH = parseInt(computedStyle.width);
const enemyPlaneArray = [];

const playerPlaneInfo = [
  { name: 'GodPlane', size_w: 128, size_h: 128, speed: 7, blood: 5 },
  { name: 'GreenPlane', size_w: 128, size_h: 128, speed: 5, blood: 5 },
  { name: 'ToonPlane', size_w: 128, size_h: 128, speed: 6, blood: 5 },
  { name: 'JpPlane', size_w: 128, size_h: 128, speed: 4, blood: 5 },
  { name: 'YePlane', size_w: 128, size_h: 128, speed: 7, blood: 5 }
];

const bulletInfo = [
  { name: 'bullet1', size_w: 6, size_h: 14, speed: 5, hurt: 1 },
  { name: 'bullet_03', size_w: 20, size_h: 40, speed: 6, hurt: 2 },
  { name: 'EnemyFire_01', size_w: 45, size_h: 70, speed: 7, hurt: 4 },
  { name: 'EnemyFire_02', size_w: 77, size_h: 109, speed: 3, hurt: 0 },
  { name: 'EnemyFire_03', size_w: 58, size_h: 90, speed: 3, hurt: 0 }
]

const enemyPlaneInfo = [
  { name: 'BluePlane', size_w: 45, size_h: 34, speed: 4, blood: 1, score: 1 },
  { name: 'BluePlane1', size_w: 45, size_h: 34, speed: 3, blood: 2, score: 2 },
  { name: 'BluePlane2', size_w: 45, size_h: 34, speed: 2, blood: 3, score: 3 },
  { name: 'BluePlane3', size_w: 45, size_h: 34, speed: 1, blood: 4, score: 4 },
  { name: 'RedPlane', size_w: 85, size_h: 67, speed: 3, blood: 10, score: 10 },
  { name: 'JitPlane', size_w: 100, size_h: 85, speed: 3, blood: 8, score: 10 },
  { name: 'XPlane', size_w: 65, size_h: 52, speed: 3, blood: 10, score: 10 },
  { name: 'LXPlane', size_w: 128, size_h: 110, speed: 3, blood: 12, score: 10 }
]